import {FC} from "react";
import {Container, Grid} from "@mui/material"
import {useTheme} from "@mui/material/styles";

const TFooter: FC = () => {
  const theme = useTheme()

  return (
    <div style={{
      padding: theme.spacing(3  ),
    }}>
      <Container maxWidth="lg" style={{fontSize: '12px'}}>
        <Grid container direction="row" justifyContent="center" alignItems="center">
          <Grid item xs={12} md={10}>
            <div className="me-auto text-start text-secondary">
              <div>Copyright © Null yet, The one! 当前呈现版本 1.0.0</div>
              <div>桂ICP备20004897号-1</div>
              <div>Powered by Felix</div>
            </div>
          </Grid>

          <Grid item md={2}>
            <img src="/static/qr_code.jpg" alt="qr-code" width={90} height={90}/>
          </Grid>
        </Grid>
      </Container>
    </div>
  );
};

export default TFooter;
